<template>
  <div class="box">
    <Cate title="监测预警">
      <!--      left-->
      <img
        slot="prefix"
        src="../../assets/images/Common/monitor_warn_icon.png"
        alt=""
      />
      <!--      right-->
      <div slot="suffix">---</div>
      <!--      content-->
      <div>我是内容</div>
    </Cate>
  </div>
</template>

<script>
import Cate from "@/components/BigScreenCom/Cate.vue";

export default {
  name: "index",
  components: {
    Cate,
  },
};
</script>

<style scoped lang="less">
.box {
  width: 400px;
  height: 400px;
  background: rgba(91, 192, 222, 0.2);
}
</style>
